{%- for block in section.blocks -%}
  {%- if block.type == 'section_style' -%}
    {%- assign enable_section_style = true -%}
    #shopify-section-{{ section.id }} .bg-color {
      background-color: {{ block.settings.bg_color }};
    }
    #shopify-section-{{ section.id }} .on-bg-color {
      color: {{ block.settings.on_bg_color }};
    }
    #shopify-section-{{ section.id }} .card {
      background-color: {{ block.settings.surface_color }};
      color: {{ block.settings.on_surface_color }};
    }
    {%- if block.settings.use_on_color -%}
    {%- assign enable_use_on_color = true -%}
      #shopify-section-{{ section.id }} .btn-customized {
        --se-btn-color: {{ block.settings.bg_color }};
        --se-btn-bg: {{ block.settings.on_bg_color }};
        --se-btn-border-color: {{ block.settings.on_bg_color }};
      }
      #shopify-section-{{ section.id }} .card .btn-customized {
        --se-btn-color: {{ block.settings.on_surface_color }};
        --se-btn-hover-color: var(--se-primary);
        --se-btn-active-color: var(--se-primary);
      }
    {%- endif -%}
  {%- endif -%}
{%- endfor -%}